import {} from "react";
import { CommonModal } from "@/views/components/CommonModal";
import { Button, Alert } from "antd";
import Typography from "@/pages/OrderModule/common/components/Typography";
const ConfirmModal = ({ onOk, onCancel }) => {
	return (
		<CommonModal
			title={{ title: "请确认" }}
			visible={true}
			onCancel={onCancel}
			width="528px"
			zIndex={1002}
			footer={
				<>
					<Button size="middle" onClick={onCancel}>
						取 消
					</Button>
					<Button size="middle" type="primary" onClick={onOk}>
						确定收货
					</Button>
				</>
			}
		>
			<Alert
				showIcon
				message={
					<Typography as="s1" style={{ lineHeight: "18px", display: "inline-block" }}>
						注意切换入库单后，扫描过的入库数据直接进行确认收货
					</Typography>
				}
			/>
			<div style={{ margin: "16px 0px 24px 0px", fontSize: "14px", lineHeight: "21px", display: "inline-block" }}>
				该商品编码不在此采购单中，是否需要确认入库后切换新的入库单进行扫描
			</div>
		</CommonModal>
	);
};
export default ConfirmModal;
